﻿@charset "utf-8";
/* CSS Document */
.myscroll-r {
	overflow:hidden;
}
.mui-row.mui-fullscreen>[class*="mui-col-"] {
	height: 100%;
}
.mui-col-xs-3, .mui-control-content {
	overflow-y: auto;
	overflow-x:hidden;
	height: 100%;
}
.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item {
	border-bottom:none;
	line-height:40px;
	width: 100%;
	font-size:14px;
	color:#282828;
}
.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {
	border-bottom:none;
	background-color: #fff;
}
/*分类模板1*/
.fenlei1-header,.fenlei1-content{
	background-color:#f4f4f4;
}
.fenlei1-header .go-back-box{
	color:#989898;
}
.fenlei1-header .btn{
	position:absolute;
	left:0px;
	top:16px;
	margin-top:-8px;
	color:#999999;
	z-index:2;
	width:20px;
}
.fenlei1-header .btn .iconfont{
	font-size:15px;
}
.fenlei1-header .search-over-page input{
	padding-left:30px;
	color:#999999;
}
.fenlei1-content .mui-segmented-control{
	display:block;
}
.fenlei1-content .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item{
	color:#666666;
	border-left:3px solid #f4f4f4;
}
.fenlei1-content .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active{
	color:#f34e4e;
	border-left:3px solid #f34e4e;
}
.fenlei1-list li{
	width:33.33%;
	float:left;
	padding:10px;
}
.fenlei1-list li a{
	display:block;
}
.fenlei1-list li .img{
	width:100%;
	height:0;
	padding-bottom:100%;
	position:relative;
}
.fenlei1-list li .img img{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
}
.fenlei1-list li .tit{
	margin-top:10px;
	text-align:center;
	color:#333333;
	font-size:14px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/*分类模板2*/
.fenlei2-tree-one{
	padding-left:10px;
}
.fenlei2-tree-one{
	height:48px;
	line-height:48px;
}
.fenlei2-tree-node  .fenlei2-tree-one .rotate{
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-15px;
	width:30px;
	height:30px;
	line-height:30px;
	-moz-transition: transform .1s ease-in-out;
	-webkit-transition: transform .1s ease-in-out;
	-o-transition: transform .1s ease-in-out;
	transition: transform .1s ease-in-out;
	-moz-transform:scaleY(-1);
	-webkit-transform:scaleY(-1);
	-o-transform:scaleY(-1);
	transform:scaleY(-1);
}
.fenlei2-tree-node .rotate .iconfont,.fenlei2-tree-two li a .iconfont{
	font-size:24px;
	color:#b8b8b8;
}
.fenlei2-tree-node.on{
	background-color:#fbfbfb;
}
.fenlei2-tree-node.on .fenlei2-tree-one .rotate{
	-moz-transform:scaleY(1);
	-webkit-transform:scaleY(1);
	-o-transform:scaleY(1);
	transform:scaleY(1);
}
.fenlei2-tree-one-tit{
	color:#333333;
	font-size:14px;
}
.fenlei2-tree-node.on .fenlei2-tree-one-tit{
	color:#f93c56;
}
.fenlei2-tree-two{
	display:none;
}
.fenlei2-tree-two li a{
	padding:0 10px;
	display:block;
	color:#333333;
	font-size:14px;
	height:48px;
	line-height:48px;
	position:relative;
}
.fenlei2-tree-two li a .rotate{
	position:absolute;
	right:12px;
	top:50%;
	margin-top:-15px;
	width:30px;
	height:30px;
	line-height:30px;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
/*分类模板3*/
.fenlei3-item{
	padding:20px 0;
}
.fenlei3-item .name{
	text-align:center;
	padding:0 0 10px;
	font-size:0;
}
.fenlei3-item .name h2{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	color: #333333;
}
.fenlei3-item .name h2:after{
	content:"";
	position:absolute;
	left:50%;
	margin-left:-15px;
	bottom:-8px;
	width:30px;
	height:2px;
	background-color:#fa445b;
}
.fenlei3-item ul li{
	float:left;
	width:25%;
	padding:10px;
}
.fenlei3-item ul li a {
	display: block;
}
.fenlei3-item ul li .img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
}
.fenlei3-item ul li .img img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.fenlei3-item ul li .tit {
	margin-top: 10px;
	text-align: center;
	color: #333333;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*分类模板4*/
.fenlei4-item .name-ban{
	width:100%;
	height:0;
	padding-bottom:30%;
	position:relative;
}
.fenlei4-item .name-ban img{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
}
.fenlei4-item ul{
	padding:10px 5px;
}
.fenlei4-item ul li{
	float:left;
	width:25%;
	padding:5px;
}
.fenlei4-item ul li a {
	display: block;
	padding:5px;
}
.fenlei4-item ul li .tit {
	text-align: center;
	color: #333333;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}